<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			/*
			 	样式的继承：我们给一个元素设置的样式同时也会应用到他的后代元素上
			 	
			 	继承是发生在祖先和后代之间的
			 	
			 	继承的设计是为了方便我们的开发，利用继承将一些通用的样式统一设置到共同的祖先元素上，
			 	这样只需设置一次即可让所有的元素都具有该样式
			 	
			 	注意：并不是所有的样式都会继承，比如布局相关的，背景相关的等这些东西都不会被继承
			 */
			p{
				color:pink;
			}
		</style>
	</head>
	<body>
		<p>
			我是一个p元素
			<span>我是p元素中的span</span>
		</p>
		
	</body>
</html>
